import React, { Component } from "react";
import JDatePicker from "components/Form/date-picker/JDatePicker";
import "./dialogitem.less";
import { Button, Icon } from "antd";

const Playback = props => {
  const { searchHander, setPlay, setPause } = props;
  return (
    <div className="play-back">
      <div className="time-row">
        <JDatePicker></JDatePicker>
        <Button type="primary" onClick={searchHander}>
          查询
        </Button>
      </div>
      <div className="bottom-btn">
        <p>轨迹总时长：12:05</p>
        <p>
          <Icon type="play-circle" onClick={setPlay} />
          <Icon type="pause-circle" onClick={setPause} />
        </p>
        <p>播放速度：x1</p>
      </div>
    </div>
  );
};

export default Playback;
